/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,pre,ul,ol,li,dl,dt,dd,form,input,textarea{margin:0; padding:0;}
body{font-family:"微软雅黑";}
li{list-style:none;}
a{text-decoration:none; color:inherit;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 头部 */
.topbj{width:100%; height:80px; border-bottom:1px solid #363e4a; position:fixed; top:0; left:0; z-index:10;}
.topbj .logo{float:left; margin:10px 0 0 20px;}
.topbj .fr{color:#FFF; font-weight:bold; font-size:16px; margin:20px 20px 0 0; position:relative; padding-left:44px;}
.topbj .fr:before{content:""; position:absolute; top:0; left:0; bottom:0; margin:auto; width:32px; height:32px; border-radius:16px; background:#272c36 url(images/pjh_02.png) center center no-repeat;}
.topbj i{float:right; line-height:80px; padding-left:25px; background:url(images/pjh_03.png) left center no-repeat; color:#FFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-right:20px;}
.topbj .nav{float:right; line-height:80px; font-size:16px; color:#FFF;}
.topbj .nav li{float:left; margin-right:40px; position:relative;}
.topbj .nav li.active:before{content:""; position:absolute; left:0; bottom:-2px; width:100%; height:3px; background:#FFF;}
@media screen and (max-width:1400px){
	.topbj i{display:none;}	
}
@media screen and (max-width:1280px){
	.topbj .nav li{margin-right:20px;}	
}

/* banner */
#bannerbj{background:#d3d4d4;  position:relative; z-index:1;}
#banner{ height:920px; margin:0 auto; position:relative;}
#ul_banner li{position:absolute; height:920px; width:100%; top:0; left:0; display:none; text-align:center; overflow:hidden;}
#ul_banner li:nth-child(1){display:block;}
#banner ol{position:absolute; bottom:30px; left:50%; margin-left:-36px;}
#banner ol li{width:10px; height:10px; border-radius:50%; background:#FFF; border:1px solid #999; float:left; margin:0 4px;}

#zuo{position:absolute; top:400px; left:30px; z-index:1;}
#you{position:absolute; top:400px; right:30px; z-index:1;}

#ul_banner .li1 .bod{width:1230px; margin:0 auto; padding-top:300px;}
#ul_banner .li1 .bod .fl{animation:bannerdh1 1s ease-out;}
#ul_banner .li1 .bod .fr{margin-top:70px; animation:bannerdh1 1.6s;}

#ul_banner .li2{position:relative;}
#ul_banner .li2 .gif{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; animation:bannerdh1 1s;}

@keyframes bannerdh1{
	0% {transform:translate(1000px,0); opacity:0;}
	100% {transform:translate(0,0); opacity:1;}
}

/* 首页 */
.index_tit{text-align:center; color:#333; padding:60px 0;}
.index_tit dt{font-size:48px; font-weight:bold;}
.index_tit dt span{color:#ff7200;}
.index_tit dd{font-size:18px; margin-top:6px;}
@keyframes myfirst{0% {transform:translate(0,-200px); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}

.myfrist{animation:myfirst 2s;}

.box1bj{max-width:1464px; margin:-56px auto 60px; background:#FFF; position:relative; z-index:2}
.box1{width:1280px; margin:0 auto;}
.box1 .bod dl{width:25%; float:left; border-right:1px solid #eeeeee; box-sizing:border-box; text-align:center;}
.box1 .bod dl:nth-child(4){border-right:none;}
.box1 .bod dl dt{height:55px; position:relative;}
.box1 .bod dl dt img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.box1 .bod dl dd{margin-top:10px; font-size:18px; color:#333;}

.box2{width:1280px; margin:0 auto;}
.box2 .bod{height:666px;}
.box2 .bod .fl{width:322px; background:#e9e9e9; padding:5px; box-sizing:border-box;}
.box2 .bod .fl li{height:136px; margin-bottom:5px; line-height:136px; color:#666; text-indent:160px; font-size:20px; cursor:pointer;}
.box2 .bod .fl li:nth-child(1){background:#FFF url(images/pjh_07.png) 60px center no-repeat; background-size:60px auto;}
.box2 .bod .fl li:nth-child(1).active{background:#ff7200 url(images/pjh_07_hover.png) 60px center no-repeat; background-size:60px auto; color:#FFF;}
.box2 .bod .fl li:nth-child(2){background:#FFF url(images/pjh_08.png) 60px center no-repeat; background-size:60px auto;}
.box2 .bod .fl li:nth-child(2).active{background:#ff7200 url(images/pjh_08_hover.png) 60px center no-repeat; background-size:60px auto; color:#FFF;}
.box2 .bod .fl li:nth-child(3){background:#FFF url(images/pjh_09.png) 60px center no-repeat; background-size:60px auto;}
.box2 .bod .fl li:nth-child(3).active{background:#ff7200 url(images/pjh_09_hover.png) 60px center no-repeat; background-size:60px auto; color:#FFF;}
.box2 .bod .fl li:nth-child(4){background:#FFF url(images/pjh_10.png) 60px center no-repeat; background-size:60px auto;}
.box2 .bod .fl li:nth-child(4).active{background:#ff7200 url(images/pjh_10_hover.png) 60px center no-repeat; background-size:60px auto; color:#FFF;}
.box2 .bod .fl li:nth-last-child(1){margin-bottom:0;}
.box2 .bod .fr{width:958px; height:570px; position:relative;}
.box2 .bod .fr li{width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
.box2 .bod .fr li dl{position:absolute; top:200px; right:60px; width:300px; color:#333333;}
.box2 .bod .fr li dl dt{font-size:36px;}
.box2 .bod .fr li dl dd p{font-size:18px; margin:20px 0; line-height:28px;}
.box2 .bod .fr li dl dd .more{display:inline-block; font-size:14px; width:160px; height:50px; line-height:50px; text-align:center; background:#FFF; border-radius:25px; margin-right:20px;}
.box2 .bod .fr li dl dd .more2{font-size:14px; color:#ff7200;}

.box3bj{height:912px; background:url(images/index_06.jpg) center center no-repeat;}
.box3bj .index_tit dt{color:#FFF;}
.box3bj .index_tit dt span{color:#ff9600;}
.box3bj .index_tit dd{color:#FFF;}
.box3{width:1280px; margin:0 auto;}
.box3 ul{height:60px; margin:240px 0 300px; background:url(images/pjh_11.png) center center no-repeat; text-align:center; padding-left:30px; transform-style:preserve-3d; perspective:800px;}
.box3 ul li{width:172px; height:196px; background:#FFF; border-radius:6px; position:relative; transform:translate(0,-100%) scale(0); float:left; transition:1s;}
.box3 ul li i{display:inline-block; width:52px; height:52px; padding:10px; background:#FFF; border-radius:50%; position:absolute; top:-36px; left:50%; margin-left:-31px;}
.box3 ul li h4{font-size:18px; color:#333; margin:38px 0 10px;}
.box3 ul li p{font-size:14px; color:#666666; line-height:22px;}
.box3 ul li:after{content:""; position:absolute; bottom:-20px; left:0; right:0; margin:auto; width:0; height:0; border:10px solid rgba(0,0,0,0); border-top-color:#fff;}
.box3 ul li:before{content:""; position:absolute; bottom:-44px; left:0; right:0; margin:auto; height:10px; width:10px; border-radius:18px; background:#ff9600; border:8px solid #FFF;}
.box3 ul li:nth-child(2n){transform:translate(0,64px) scale(0);}
.box3 ul li:nth-child(2n) i{display:inline-block; width:52px; height:52px; padding:10px; background:#FFF; border-radius:50%; position:absolute; top:auto; bottom:-36px; left:50%; margin-left:-31px;}
.box3 ul li:nth-child(2n):after{top:-20px; bottom:auto; left:0; right:0; margin:auto; border:10px solid rgba(0,0,0,0); border-bottom-color:#fff;}
.box3 ul li:nth-child(2n):before{top:-44px; bottom:auto; left:0; right:0; margin:auto;}
.box3 .more{display:block; width:200px; height:46px; text-align:center; line-height:46px; background:#ff9600; font-size:20px; color:#FFF; margin:0 auto;}
@keyframes uldh{0% {transform:translate(0,-100%) scale(0); opacity:0;} 100% {transform:translate(0,-100%) scale(1); opacity:1;}}
@keyframes uldh2{0% {transform:translate(0,64px) scale(0); opacity:0;} 100% {transform:translate(0,64px) scale(1); opacity:1;}}
.box3 ul li:nth-child(1).dong{animation:uldh 1s ease-in-out forwards;}
.box3 ul li:nth-child(2).dong{animation:uldh2 1s 0.5s ease-in-out forwards;}
.box3 ul li:nth-child(3).dong{animation:uldh 1s 1s ease-in-out forwards;}
.box3 ul li:nth-child(4).dong{animation:uldh2 1s 1.5s ease-in-out forwards;}
.box3 ul li:nth-child(5).dong{animation:uldh 1s 2s ease-in-out forwards;}
.box3 ul li:nth-child(6).dong{animation:uldh2 1s 2.5s ease-in-out forwards;}
.box3 ul li:nth-child(7).dong{animation:uldh 1s 3s ease-in-out forwards;}

.box4bj .index_tit dt span{color:#ff9600;}
.box4bj .tit{width:1280px; height:86px; line-height:86px; margin:0 auto; border:1px solid #cccccc; margin-bottom:68px;}
.box4bj .tit li{width:20%; float:left; text-align:center; font-size:20px; color:#666;}
.box4bj .tit p{width:20%; float:left; text-align:center; font-size:20px; color:#ed8b00;}
.box4bj .tit li a.active{border-bottom:3px solid #ed8b00; padding-bottom:29px;}
.box4bj .bod{position:relative; height:0; padding-bottom:46%;}
.box4bj .bod ul{position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
.box4bj .bod ul li{width:25%; float:left;}
.box4bj .bod ul li dl{border-right:1px solid #FFF;}
.box4bj .bod ul li dl dt{padding-bottom:77%; overflow:hidden; position:relative;}
.box4bj .bod ul li dl dt img{position:absolute; top:0; left:0; width:100%; transition:0.5s;}
.box4bj .bod ul li dl dt img:hover{transform:scale(1.2);}
.box4bj .bod ul li dl dd{font-size:16px; color:#333; text-align:center; margin:10px 0 20px;}

.box5{width:1200px; margin:0 auto 80px;}
.box5 .bod img{width:100%;}

.box6bj{height:742px; background:url(images/index_08.jpg) center center no-repeat;}
.box6{width:1280px; margin:0 auto;}
.box6 .fl{width:460px; margin-top:180px;}
.box6 .fl dt{font-size:60px; height:60px; color:rgba(234,234,234,0.1); font-family:Arial, Helvetica, sans-serif; position:relative; display:inline-block; margin-bottom:26px;}
.box6 .fl dt:before{content:attr(date); position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; font-size:30px; color:#FFF; line-height:60px; text-align:center;}
.box6 .fl dd{font-size:14px; color:#FFF; line-height:24px; text-indent:2em; margin-bottom:20px; font-family:"宋体";}
.box6 .fr{width:760px; margin-top:80px; transition:0.5s;}
.box6 .fr img{width:100%;}
.box6 .fr video{width:100%; height:100%;}

.box7bj{background:#eeeeee; padding-bottom:100px;}
.box7bj .tit{text-align:center; border-bottom:1px solid #cccccc; padding-bottom:20px; margin-bottom:66px;}
.box7bj .tit li{display:inline-block; margin:0 20px; padding:0 30px; height:42px; line-height:42px; font-size:18px; color:#333333;}
.box7bj .tit li.active{background:#ed8b00; border-radius:21px; color:#FFF;}
.box7bj .bod{width:1280px; margin:0 auto; height:480px; position:relative;}
.box7bj .bod .center{position:absolute; top:0; left:0; width:100%; display:none;}
.box7bj .bod .center .fl{width:420px; height:476px; margin-right:6px;}
.box7bj .bod .center .center1{position:relative;}
.box7bj .bod .center .center1 img{width:100%;}
.box7bj .bod .center .center1 dl{position:absolute; bottom:0; left:0; right:0; margin:0 10px 10px 10px; background:#FFF; padding:20px; color:#333; transition:0.5s;}
.box7bj .bod .center .center1:hover dl{border-radius:20px;}
.box7bj .bod .center .center1 dl dt{font-size:18px; margin-bottom:10px;}
.box7bj .bod .center .center1 dl dd{font-size:18px;}
.box7bj .bod .center .center1 dl span{content:""; position:absolute; bottom:20px; right:20px; background:url(images/index_11.jpg) center center no-repeat; width:20px; height:12px;}
.box7bj .bod .center .center2 dl{height:233px; background:#FFF; box-sizing:border-box; padding:30px; margin-bottom:10px;}
.box7bj .bod .center .center2 dl dt{font-size:18px; color:#333; margin-bottom:16px;}
.box7bj .bod .center .center2 dl dd{font-size:16px; color:#666666; line-height:24px; border-bottom:1px dashed #dedede; padding-bottom:20px;}
.box7bj .bod .center .center2 dl p{padding-top:10px; font-size:30px; color:#333; position:relative;}
.box7bj .bod .center .center2 dl p small{font-size:18px; color:#999999; padding-left:10px;}
.box7bj .bod .center .center2 dl p span{position:absolute; width:20px; height:12px; background:url(images/index_12.jpg) center center no-repeat; top:26px; right:0;}
.box7bj .bod .center .center3 dl{height:112px; padding:20px; background:#FFF; margin-bottom:10px; position:relative;}
.box7bj .bod .center .center3 dl dt{float:left; width:130px; border-right:1px solid #eeeeee; height:112px; box-sizing:border-box; padding-left:20px; font-size:30px; padding-top:20px;}
.box7bj .bod .center .center3 dl dt small{font-size:18px; color:#999999; display:block;}
.box7bj .bod .center .center3 dl dd{margin-left:160px; font-size:18px; color:#333; padding-top:20px;}
.box7bj .bod .center .center3 dl span{position:absolute; width:20px; height:12px; background:url(images/index_12.jpg) center center no-repeat; top:100px; left:180px;}

.box8{width:1280px; margin:36px auto 40px;}
.box8 dt{font-size:30px; color:#333; margin-bottom:15px;}
.box8 dt small{font-size:12px; color:#999999; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; display:block;}
.box8 dd input[type="text"],.box8 dd input[type="number"]{width:246px; height:46px; line-height:46px; border:none; background:#eeeeee; margin-right:24px; text-indent:10px; font-size:14px; color:#333; display:block; float:left;}
.box8 dd textarea{width:470px; height:46px; line-height:46px; border:none; background:#eeeeee; margin-right:24px; text-indent:10px; font-size:14px; color:#333; display:block; float:left; resize:none;}
.box8 dd input[type="submit"]{width:246px; height:46px; border:none; background:#666666; color:#FFF; font-size:14px; float:right;}

.box9bj{height:868px; background:url(images/index_13.jpg) center center no-repeat;}
.box9{width:1280px; margin:0 auto; padding-top:140px;}
.box9 .fl{width:450px; margin-top:60px;}
.box9 .fl h4{font-size:48px; color:#ff7200;}
.box9 .fl h4 span{font-size:60px; color:#333333; font-weight:normal;}
.box9 .fl p{font-size:18px; color:#333; line-height:30px; margin:60px 0 40px;}
.box9 .fl a{display:inline-block; width:370px; height:46px; line-height:46px; font-size:24px; color:#FFF; background:#ff7200; border-radius:23px; text-align:center;}
.box9 .fr{width:724px;}
.box9 .fr li{width:362px; height:290px; box-sizing:border-box; border:1px solid #cccccc; float:left; text-align:center; padding-top:170px; color:#666; font-size:24px;}
.box9 .fr li:nth-child(1){background:url(images/pjh_07.png) center 86px no-repeat;}
.box9 .fr li:nth-child(1):hover{background:#ff7200 url(images/pjh_07_hover.png) center 86px no-repeat; color:#FFF;}
.box9 .fr li:nth-child(2){background:url(images/pjh_08.png) center 86px no-repeat;}
.box9 .fr li:nth-child(2):hover{background:#ff7200 url(images/pjh_08_hover.png) center 86px no-repeat; color:#FFF;}
.box9 .fr li:nth-child(3){background:url(images/pjh_09.png) center 86px no-repeat;}
.box9 .fr li:nth-child(3):hover{background:#ff7200 url(images/pjh_10_hover.png) center 86px no-repeat; color:#FFF;}
.box9 .fr li:nth-child(4){background:url(images/pjh_10.png) center 86px no-repeat;}
.box9 .fr li:nth-child(4):hover{background:#ff7200 url(images/pjh_10_hover.png) center 86px no-repeat; color:#FFF;}

.box10{width:1280px; margin:30px auto;}
.box10 dl{float:left; width:1050px;}
.box10 dl dt{font-size:18px; color:#333333; margin-bottom:16px;}
.box10 dl dd{font-size:14px; color:#666;}
.box10 dl dd a{padding-right:10px;}
.box10 .more{display:block; float:right; margin-top:20px; width:150px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#FFF; background:#ff7200; border-radius:15px;}

/* 底部 */
.bottombj{background:#333; padding:50px 100px;}
.bottombj .logo{float:left; margin:30px 90px 0 0;}
.bottombj .fl{font-family:"宋体";}
.bottombj .fl ul{margin-bottom:24px;}
.bottombj .fl ul li{float:left; font-size:14px; color:rgba(255,255,255,0.3); margin-right:30px;}
.bottombj .fl dl dt{font-size:16px; color:rgba(255,255,255,0.6); margin-bottom:20px;}
.bottombj .fl dl dt span{font-size:36px; font-family:Arial, Helvetica, sans-serif;}
.bottombj .fl dl dd{font-size:14px; color:rgba(255,255,255,0.3); font-family:Arial, Helvetica, sans-serif; line-height:30px;}
.bottombj .ewm{margin-left:40px; text-align:center; float:left;}
.bottombj .ewm dd{font-size:14px; color:rgba(255,255,255,0.3); margin-top:6px;}
.bottombj .fr{margin-top:40px;}
.bottombj .fr li{font-size:14px; color:rgba(255,255,255,0.3); line-height:30px;}
@media screen and (max-width:1450px){
	.bottombj{padding:50px;}
	.bottombj .logo{margin:30px 60px 0 0;}
	.bottombj .ewm{margin-left:20px;}
}
@media screen and (max-width:1300px){
	.bottombj{padding:20px;}
	.bottombj .logo{margin:30px 20px 0 0;}
	.bottombj .ewm{margin-left:10px;}
}

/* 网站建设 */
.ny_banner{padding-top:80px; background:#0f213b;}
.ny_banner img{width:100%;}
.ny_banner{ position:relative;}
.ny_banner dl{position:absolute; top:150px; left:0; right:0; margin:auto; color:#fff; z-index:1; width:600px; transform:translate(-300px,0); box-sizing:border-box; padding:20px; background:rgba(0,0,0,0.3); border-radius:20px;}
.ny_banner dl dt{font-size:24px; font-weight:bold; margin-bottom:10px;}
.ny_banner dl dd{font-size:20px; margin-bottom:20px;}
.ny_banner dl dd p{margin-bottom:10px;font-size:16px; line-height:26px;}
.ny_banner dl dd a{display:block; font-size:14px; width:100px;line-height:30px; background:#ff8400; text-align:center;}
.ny_banner dl:hover{background:rgba(0,0,0,0.6); transition:0.5s;}
.ny_banner dl hr{height:1px; background:rgba(255,255,255,0.5); border:none;}

.wzjsbj{background:#f7f7f7;}
.wzjs1bj{ padding:70px 0;}
.wzjs1{width:1280px; margin:0 auto;}
.wzjs1>dl{width:640px; height:374px; border:1px solid #ebe9e9; border-right:none; box-sizing:border-box; padding:30px 56px 56px 56px; float:left;}
.wzjs1>dl:nth-child(2n){border-right:1px solid #ebe9e9;}
.wzjsdlbj{background:#FFF;}
.wzjs1>dl dt{border-bottom:1px solid #e9e9e9; height:72px; padding-bottom:16px; position:relative; padding-left:90px; font-size:30px; color:#333; padding-top:20px; margin-bottom:26px;}
.wzjs1>dl dt i{position:absolute; top:0; left:0; bottom:0; margin:auto;}
.wzjs1>dl dt i img{position:absolute; top:0; left:0; bottom:0; margin:auto;}
.wzjs1>dl dt small{display:block; font-size:16px; color:#666;}
.wzjs1>dl dd p{font-size:16px; color:#666; line-height:24px; height:100px;}
.wzjs1>dl dd .more{display:block; float:left; width:142px; height:36px; line-height:36px; border:1px solid #bbbbbb; font-size:16px; color:#666; border-radius:18px; text-indent:25px; background:url(images/pjh_26.png) 100px center no-repeat; margin-right:14px; margin-top:8px;}
.wzjs1>dl dd span{float:right; font-size:18px; color:#ff7200;}
.wzjs1>dl dd span b{font-size:48px; font-family:Arial, Helvetica, sans-serif;}

.wzjs2bj{height:1100px; background:url(images/index_15.jpg) center top no-repeat;}
.wzjs2 .index_tit{color:#FFF;}
.wzjs2 .index_tit dt span{color:#ff9600;}
.wzjs2 .bod dl{width:25%; float:left; margin-bottom:30px;}
.wzjs2 .bod dl dt{padding-bottom:77%; height:0; position:relative; overflow:hidden;}
.wzjs2 .bod dl dt img{position:absolute; top:0; left:0; width:100%; transition:0.5s;}
.wzjs2 .bod dl dt img:hover{transform:scale(1.1);}
.wzjs2 .bod dl dd{text-align:center; color:#FFF; font-size:16px; margin-top:10px;}

.wzjs3bj{background:#f8f8f8; padding:78px 0;}
.wzjs3{width:1280px; margin:0 auto;}
.wzjs3 .tit{text-align:center; font-size:30px; color:#333; font-weight:bold; margin-bottom:56px;}
.wzjs3 .bod dl{width:630px; height:320px; background:#fff; box-sizing:border-box; border:1px solid #eeeeee; padding:25px 40px; float:left;}
.wzjs3 .bod dl:nth-child(2){float:right;}
.wzjs3 .bod dl dt{padding-bottom:20px; border-bottom:1px solid #eee; height:106px; position:relative; padding:46px 0 0 120px; font-size:20px; color:#333; margin-bottom:20px;}
.wzjs3 .bod dl dt small{font-size:14px; color:#666; display:block; margin-top:8px;}
.wzjs3 .bod dl dt i{position:absolute; top:0; left:0; bottom:0; margin:auto; width:106px; height:106px; border-radius:50%; overflow:hidden;}
.wzjs3 .bod dl dt i img{width:100%; height:100%;}
.wzjs3 .bod dl dd{font-size:14px; color:#666; height:100px; position:relative; font-family:"宋体"; line-height:24px;}
.wzjs3 .bod dl dd span{position:absolute; right:0; bottom:0; font-size:16px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.wzjs3 .bod ul{margin-top:20px;}
.wzjs3 .bod ul li{height:90px; line-height:90px; border-bottom:1px solid #eee; width:630px; float:left; font-size:16px; color:#333; font-family:"宋体";}
.wzjs3 .bod ul li:nth-child(2n){float:right;}
.wzjs3 .bod ul li span{float:right; color:#999;}

.wzjs4{width:1280px; margin:78px auto;}
.wzjs4 .tit{text-align:center; font-size:30px; color:#333; font-weight:bold; margin-bottom:56px;}
.wzjs4 .bod{border:1px solid #dddddd; background:#f8f8f8;}
.wzjs4 .bod dl{width:33.3333%; float:left; height:240px; box-sizing:border-box; border-right:1px solid #ddd; padding-top:36px; text-align:center;}
.wzjs4 .bod dl dt{font-size:18px; color:#333; margin-bottom:24px;}
.wzjs4 .bod dl dt img{margin-right:10px;}
.wzjs4 .bod dl dd span{font-size:14px; color:#ff7200; height:28px; line-height:28px; text-align:center; width:134px; display:inline-block; border:1px solid #ff7200; border-radius:14px; margin:0 10px 10px 10px;}
.wzjs4 .bod dl dd span.chang{width:290px;}

.wltg1bj{max-width:1440px; margin:-116px auto 0; border:1px solid #dddddd; background:#FFF; padding:60px 0; position:relative; z-index:1;}
.wltg1{width:1280px; margin:0 auto;}
.wltg1 dl{width:25%; float:left; text-align:center; transform-style:preserve-3d; perspective:800px;}
.wltg1 dl dt{width:128px; height:128px; border-radius:50%; margin:0 auto; line-height:128px; background:#ff7200; font-size:72px; color:#FFF; transition:0.5s;}
.wltg1 dl dd h4{font-size:30px; color:#333; margin:20px 0 10px;}
.wltg1 dl dd p{font-size:16px; color:#666;}
.wltg1 dl:hover dt{transform:rotateY(360deg);}

.wltg2{width:1280px; margin:0 auto 76px;}
.wltg2 .bod dl{width:304px; height:460px; float:left; background:#FFF; margin-right:20px; text-align:center; box-sizing:border-box; padding:34px;}
.wltg2 .bod dl:nth-child(4){margin-right:0;}
.wltg2 .bod dl dt{padding:86px 0 20px; font-size:24px; color:#333; font-weight:bold; border-bottom:1px dashed #cccccc; margin-bottom:25px;}
.wltg2 .bod dl dd p{font-size:16px; line-height:30px; color:#666; text-align:left; height:180px;}
.wltg2 .bod dl dd a{display:block; width:180px; height:36px; line-height:36px; border-radius:18px; border:1px solid #ff7200; font-size:16px; color:#ff7200; margin:0 auto;}
.wltg2 .bod dl:nth-child(1) dt{background:url(images/pjh_30.png) center top no-repeat;}
.wltg2 .bod dl:nth-child(1):hover dt{background:url(images/pjh_30_hover.png) center top no-repeat; color:#FFF;}
.wltg2 .bod dl:nth-child(2) dt{background:url(images/pjh_31.png) center top no-repeat;}
.wltg2 .bod dl:nth-child(2):hover dt{background:url(images/pjh_31_hover.png) center top no-repeat; color:#FFF;}
.wltg2 .bod dl:nth-child(3) dt{background:url(images/pjh_32.png) center top no-repeat;}
.wltg2 .bod dl:nth-child(3):hover dt{background:url(images/pjh_32_hover.png) center top no-repeat; color:#FFF;}
.wltg2 .bod dl:nth-child(4) dt{background:url(images/pjh_33.png) center top no-repeat;}
.wltg2 .bod dl:nth-child(4):hover dt{background:url(images/pjh_33_hover.png) center top no-repeat; color:#FFF;}
.wltg2 .bod dl:hover{background:#ff7200; color:#FFF;}
.wltg2 .bod dl:hover dd p{color:rgba(255,255,255,0.9);}
.wltg2 .bod dl:hover dd a{background:#FFF; color:#ff7200;}

.wltg3bj{min-height:1364px; background:#dddddd url(images/index_16.jpg) center top no-repeat;}
.wltg3{width:1280px; margin:0 auto;}
.wltg3 .bod1{border:1px solid #d5d5d5; border-right:none;}
.wltg3 .bod1 li:nth-child(1){background:#ff7200; color:#FFF; font-size:18px; font-weight:bold;}
.wltg3 .bod1 li{height:40px; line-height:40px; text-align:center; font-size:16px; color:#666; background:#eeeeee;}
.wltg3 .bod1 li span{width:25%; border-right:1px solid #d5d5d5; display:block; float:left; box-sizing:border-box;}
.wltg3 .bod1 li:nth-child(2n){background:#FFF;}
.wltg3 .bod2{height:500px; position:relative; margin-top:66px; overflow:hidden;}
.wltg3 .bod2 ul{position:absolute; top:0; left:0;}
.wltg3 .bod2 ul li{width:630px; float:left; margin-right:20px;}
.wltg3 .bod2 ul li dl{border:1px solid #ddd;}
.wltg3 .bod2 ul li dt{height:406px; border-bottom:1px solid #dddddd; overflow:hidden;}
.wltg3 .bod2 ul li dt img{width:100%; height:100%; transition:0.5s;}
.wltg3 .bod2 ul li dt:hover img{transform:scale(1.2);}
.wltg3 .bod2 ul li dd{height:80px; line-height:80px; text-align:center; font-size:16px; color:#333; background:#FFF;}
.wltg3bj .fanye{padding:24px 0; margin-top:100px; background:#dddddd; text-align:center;}
.wltg3bj .fanye p{width:130px; height:52px; background:#FFF url(images/pjh_35.png) center center no-repeat; display:inline-block;}
#zuo_wltg3{display:inline-block; width:52px; height:52px; background:#fff url(images/pjh_34.png) center center no-repeat; cursor:pointer;}
#you_wltg3{display:inline-block; width:52px; height:52px; background:#fff url(images/pjh_36.png) center center no-repeat; cursor:pointer;}

.wltg4{width:1280px; margin:0 auto;}
.wltg4 .fl{width:310px; height:618px; float:left; margin-right:10px; border:1px solid #dddddd; box-sizing:border-box; background:#FFF; text-align:center;}
.wltg4 .fl:nth-child(4){margin-right:0;}
.wltg4 .fl h4{font-size:24px; color:#FFF; height:52px; line-height:52px; background:#ff7200;}
.wltg4 .fl .ul1 li{height:52px; line-height:52px; width:110px; font-size:16px; color:#666; float:left; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.wltg4 .fl .ul1 li:nth-child(2n){width:198px; border-right:none;}
.wltg4 .fl h5{font-size:20px; color:#ff7200; height:52px; line-height:52px; border-bottom:1px solid #ddd;}
.wltg4 .fl .ul2{height:160px; border-bottom:1px solid #ddd; box-sizing:border-box; padding-top:14px;}
.wltg4 .fl .ul2 li{line-height:30px; color:#666; font-size:16px;}
.wltg4 .fl p{font-size:18px; color:#ff7200; margin:16px 0 12px;}
.wltg4 .fl p b{font-size:30px;}
.wltg4 .fl .more{display:block; width:170px; height:42px; line-height:42px; background:#ff7200; font-size:16px; color:#FFF; border-radius:10px; box-shadow:0 3px 0 3px #d55f00; margin:0 auto;}
.wltg4 .fl:nth-child(2) h4{background:#37c1d1;}
.wltg4 .fl:nth-child(2) h5{color:#37c1d1;}
.wltg4 .fl:nth-child(3) h4{background:#0075b1;}
.wltg4 .fl:nth-child(3) h5{color:#0075b1;}
.wltg4 .fl:nth-child(4) h4{background:#e30000;}
.wltg4 .fl:nth-child(4) h5{color:#e30000;}

.wltg5{width:1280px; margin:0 auto;}
.wltg5 .bod dl{margin-bottom:20px;}
.wltg5 .bod dl dt{height:106px; line-height:106px; font-size:36px; color:#ff7200; font-family:Arial, Helvetica, sans-serif; padding-left:50px;}
.wltg5 .bod dl dt span{font-size:100px;}
.wltg5 .bod dl dt img{float:left; margin:20px 10px 0 0;}
.wltg5 .bod dl dd{height:106px; line-height:106px; font-size:30px; color:#333333; width:860px; padding:0 50px; box-sizing:border-box; background:#FFF; border:1px solid #ddd;}
.wltg5 .bod dl dd.fl{text-align:right;}

.wltg6bj{height:338px; background:url(images/index_17.jpg) center center no-repeat;}
.wltg6{height:100%; transition:0.5s; background:rgba(0,0,0,0.6);}
.wltg6 dl{padding-top:90px; color:#FFF; text-align:center;}
.wltg6 dl dt{font-size:48px; margin-bottom:25px;}
.wltg6 dl dd{width:296px; height:66px; line-height:66px; border-radius:20px; border:1px solid #FFF; margin:0 auto; transition:0.5s;}
.wltg6 dl dd a{display:block;}
.wltg6 dl dd:hover{background:#FFF; color:#333;}
.wltg6bj:hover .wltg6{background:rgba(0,0,0,0.8);}

.wltg7{width:1280px; margin:0 auto 100px;}
.wltg7 .bod{min-height:500px; background:url(images/index_18.jpg) center top no-repeat; position:relative; overflow:hidden;}
.wltg7 .bod p{height:58px; line-height:58px; border:1px solid #bbbbbb; background:#dddddd; position:absolute; font-size:20px; color:#333; text-align:center;}
.wltg7 .bod p:before{content:""; width:20px; height:26px; background:url(images/pjh_40.png) left center no-repeat; position:absolute; top:0; bottom:0; right:-20px; margin:auto;}
.wltg7 .bod p span{color:#ff7200; font-size:30px;}
.wltg7 .bod .p1{width:292px; top:58px; left:136px;}
.wltg7 .bod .p2{width:352px; top:166px; left:30px;}
.wltg7 .bod .p3{width:320px; top:276px; left:66px;}
.wltg7 .bod .p4{width:280px; top:390px; left:166px;}
.wltg7 .bod .p5{width:396px; top:58px; right:50px;}
.wltg7 .bod .p6{width:414px; top:166px; right:0;}
.wltg7 .bod .p7{width:340px; top:276px; right:80px;}
.wltg7 .bod .p8{width:316px; top:390px; right:150px;}
.wltg7 .bod .p5:before,.wltg7 .bod .p6:before,.wltg7 .bod .p7:before,.wltg7 .bod .p8:before{right:auto; left:-20px; transform:rotate(180deg);}
.wltg7 .bod .more{display:block; width:292px; height:62px; line-height:62px; text-align:center; color:#FFF; font-size:30px; background:#ff7200; margin:560px auto 0; border-radius:10px;}

.wltg8bj{margin:0 auto 70px; padding-bottom:28%; position:relative; height:0;transform-style:preserve-3d; perspective:2000px;}
.wltg8bj .fll li{width:27%; height:0; padding-bottom:27%; box-shadow:20px 20px 20px rgba(0,0,0,0.8); transform:rotateY(60deg); transform-origin:left; transition:0.5s; position:absolute; z-index:0;}
.wltg8bj .fll li:nth-child(1){ left:0; z-index:1;}
.wltg8bj .fll li:nth-child(2){left:50px; z-index:2}
.wltg8bj .fll li:nth-child(3){ left:100px; z-index:3}
.wltg8bj .fll li:nth-child(4){ left:150px; z-index:4}
.wltg8bj .fll li:nth-child(5){left:200px; z-index:5}
.wltg8bj .frr li{width:27%; height:0; padding-bottom:27%; box-shadow:-20px 20px 20px rgba(0,0,0,0.8); transform:rotateY(-60deg); transform-origin:right; transition:0.5s; position:absolute; z-index:1;}
.wltg8bj .frr li:nth-child(1){ right:0;}
.wltg8bj .frr li:nth-child(2){right:50px;}
.wltg8bj .frr li:nth-child(3){ right:100px;}
.wltg8bj .frr li:nth-child(4){ right:150px;}
.wltg8bj .frr li:nth-child(5){right:200px;}
.wltg8bj ul li img{width:100%; height:100%; position:absolute; top:0; left:0;}
.wltg8bj .fll li:hover{transform:rotateY(0) scale(1.1); z-index:10;}
.wltg8bj .frr li:hover{transform:rotateY(0) scale(1.1); z-index:10;}
.wltg8bj dl{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; padding-top:8%; z-index:-1; width:50%;}
.wltg8bj dl dt{font-size:48px; color:#333; font-weight:bold;}
.wltg8bj dl dt span{color:#ff7200;}
.wltg8bj dl .more{display:block; width:180px; height:40px; text-align:center; line-height:40px; font-size:18px; background:#ff7200; border-radius:10px; color:#FFF; margin:2% auto;}
.wltg8bj dl dd{font-size:20px; color:#666;}
@media screen and (max-width:1440px){
	.wltg8bj dl dt{font-size:40px;}
}
@media screen and (max-width:1300px){
	.wltg8bj dl dt{font-size:30px;}
	.wltg8bj dl .more{font-size:14px;}
	.wltg8bj dl dd{font-size:16px;}
}

.wltg9bj{background:#f8f8f8;}

/* 电商网站 */
.dswz1{width:1280px; margin:0 auto;}
.dswz1 .tit{padding:110px 0; text-align:center; color:#333;}
.dswz1 .tit dt{font-size:36px; font-weight:bold;}
.dswz1 .tit dd{font-size:60px; margin:10px 0 20px; padding-bottom:20px; position:relative;}
.dswz1 .tit dd:after{content:""; width:70px; height:3px; background:#ff7200; position:absolute; left:0; right:0; bottom:0; margin:auto;}
.dswz1 .tit dd b{color:#ff8400;}
.dswz1 .tit p{font-size:24px;}
.dswz1 .tit p span{font-size:30px;}
.dswz1 .bod dl{width:33.3333%; float:left; text-align:center;}
.dswz1 .bod dl dt{width:128px; height:128px; border-radius:10px; background:#cccccc; margin:0 auto; position:relative;}
.dswz1 .bod dl dt img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.dswz1 .bod dl dd{font-size:30px; color:#666; margin-top:20px;}
.dswz1 .bod dl dd b{display:block; font-size:20px; color:#333; margin-top:10px;}
.dswz1 .bod dl:hover dt{background:#ff8400;}

.dswz2bj{background:url(images/index_19.jpg) center top no-repeat;}
.dswz2{width:1280px; margin:100px auto;}
.dswz2 .tit{padding:52px 0; text-align:center;}
.dswz2 .tit dt{font-size:48px; color:#fff;}
.dswz2 .tit dd{font-size:60px; color:#ff8400; font-weight:bold;}
.dswz2 .bod dl{width:388px; float:left; margin-right:56px; box-sizing:border-box; padding:40px; text-align:center; background:#FFF; border:1px solid #cccccc; transition:0.5s;}
.dswz2 .bod dl dt{padding:0 0 40px; font-size:36px; color:#333333; border-bottom:1px solid #f0f0f0; margin-bottom:30px;}
.dswz2 .bod dl dd{height:280px; position:relative;}
.dswz2 .bod dl dd p{font-size:18px; color:#666; line-height:36px;}
.dswz2 .bod dl dd .more{position:absolute; bottom:0; left:0; right:0; margin:auto; width:226px; height:42px; line-height:42px; text-align:center; background:#FFF; border-radius:21px; background:#ff7200; font-size:24px; color:#FFF; box-shadow:0 2px 2px 2px rgba(0,0,0,0.6);}
.dswz2 .bod dl:nth-child(3){margin-right:0;}
.dswz2 .bod dl:hover{background:#ff7200;}
.dswz2 .bod dl:hover dt{color:#FFF;}
.dswz2 .bod dl:hover dd p{color:rgba(255,255,255,0.9);}
.dswz2 .bod dl:hover dd .more{background:#FFF; color:#ff7200;}

.dswz3{width:1280px; margin:0 auto 90px;}
.dswz3 .tit{text-align:center; margin-bottom:58px;}
.dswz3 .tit dt{font-size:30px; color:#cccccc; text-transform:uppercase;}
.dswz3 .tit dd{font-size:48px; color:#ff8400; font-size:48px; font-weight:bold;}
.dswz3 .bod dl{width:200px; float:left; text-align:center; margin:0 16px;}
.dswz3 .bod dl dt{width:120px; height:120px; border-radius:60px; border:2px solid #6c6c6c; margin:0 auto; position:relative;}
.dswz3 .bod dl dt img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.dswz3 .bod dl dd h4{font-size:24px; color:#656565; margin:30px 0 20px;}
.dswz3 .bod dl dd p{font-size:16px; color:#787878; line-height:24px;}
.dswz3 .bod span{float:left; font-size:30px; color:#606060; font-weight:bold; margin-top:40px;}

/* 微信 */
.wx1{width:1280px; margin:0 auto; min-height:500px; padding:20px 0;}

/* 解决方案 */
.jjfa1bj{background:#eeeeee; padding:20px 0;}
.jjfa1{width:1280px; margin:0 auto;}
.jjfa1 h4{float:left; font-size:32px; color:#333; font-weight:normal;}
.jjfa1 ul{float:right;}
.jjfa1 ul li{float:left; height:40px; line-height:40px; padding:0 20px; background:#cccccc; color:#333; margin-left:12px;}
.jjfa1 ul li.active,.jjfa1 ul li:hover{background:#ff8400; color:#FFF;}

/*  */
.xwzx1bj{border-bottom:1px solid #cccccc; margin:90px 0 80px; padding-bottom:20px;}
.xwzx1{width:1280px; margin:0 auto; text-align:center;}
.xwzx1 li{display:inline-block; height:40px; line-height:40px; border-radius:20px; padding:0 20px; margin:0 20px;}
.xwzx1 li.active,.xwzx1 li:hover{background:#ff7200; color:#FFF;}
.xwzx2{width:1280px; margin:0 auto; padding-bottom:50px;}
.xwzx2 dl{width:413px; height:266px; float:left; margin-right:20px; margin-bottom:20px; box-sizing:border-box; background:#FFF; padding:30px; transition:0.5s;}
.xwzx2 dl:nth-child(3n){margin-right:0;}
.xwzx2 dl dt{height:146px; border-bottom:1px dashed #dedede; padding-bottom:10px; overflow:hidden; margin-bottom:16px;}
.xwzx2 dl dt h3{font-size:18px; color:#333; font-weight:normal; margin-bottom:16px;}
.xwzx2 dl dt h3:hover{color:#ff7200;}
.xwzx2 dl dt p{font-size:16px; color:#666; line-height:24px;}
.xwzx2 dl dd{font-size:30px; color:#333; position:relative;}
.xwzx2 dl dd span{content:""; position:absolute; bottom:10px; right:0; width:20px; height:12px; background:url(images/pjh_26.png) center center no-repeat;}
.xwzx2 dl dd small{font-size:18px; color:#999999; padding-left:10px;}
.xwzx2 dl:hover{box-shadow:0 0 10px rgba(0,0,0,0.6);}
.yema{margin:30px 0;}
.yema ul{height:48px; line-height:48px; text-align:center; border:1px solid #cccccc; float:left; font-size:14px; color:#666;}
.yema ul li{float:left; padding:0 20px; border-right:1px solid #ccc;}
.yema ul li:nth-last-child(1){border-right:none;}

/* 客户案例 */
.wx1 dl{width:413px; float:left; margin-right:20px; text-align:center;}
.wx1 dl:nth-child(3n){margin-right:0;}
.wx1 dl dt{height:340px; overflow:hidden;}
.wx1 dl dt img{width:100%; transition:0.5s;}
.wx1 dl dt img:hover{transform:scale(1.2);}
.wx1 dl dd{height:80px; line-height:80px; font-size:16px; color:#333;}

/* 关于我们 */
.about1bj{background:#eeeeee; padding:120px 0;}
.about1{width:1280px; margin:0 auto;}
.about1 .fl{width:500px;}
.about1 .fl p{font-size:24px; color:#666;}
.about1 .fl h4{font-size:48px; color:#333; margin:20px 0 60px;}
.about1 .fl .more{display:block; width:228px; height:50px; line-height:50px; background:#333333; font-size:18px; color:#FFF; text-align:center;}
.about1 .fr{width:680px;}
.about1 .fr p{font-size:18px; color:#666; line-height:30px; margin-bottom:20px;}

.about1 ul li{width:280px; height:216px; float:left; margin-right:50px; box-sizing:border-box; padding-top:126px; text-align:center; font-size:20px; color:#FFF;}
.about1 ul li a{display:block;}
.about1 ul li:nth-child(4n){margin-right:0;}
.about1 ul li:nth-child(1){background:#ff8400 url(images/pjh_07_hover.png) center 46px no-repeat;}
.about1 ul li:nth-child(2){background:#ff8400 url(images/pjh_08_hover.png) center 46px no-repeat;}
.about1 ul li:nth-child(3){background:#ff8400 url(images/pjh_09_hover.png) center 46px no-repeat;}
.about1 ul li:nth-child(4){background:#ff8400 url(images/pjh_10_hover.png) center 46px no-repeat;}

.about2{width:1280px; margin:0 auto;}
.about2 .bod dl{width:630px; height:300px; border:1px solid #ebebeb; float:left; margin-bottom:20px;}
.about2 .bod dl:nth-child(2n){float:right;}
.about2 .bod dl dt{width:260px; height:300px; float:left;}
.about2 .bod dl dt img{width:100%; height:100%;}
.about2 .bod dl dd{margin:0 20px 0 280px; padding:20 0 0 0;}
.about2 .bod dl dd .tit{height:60px; line-height:60px; border-bottom:1px solid #ebebeb;}
.about2 .bod dl dd .tit .fl{font-size:16px; color:#666;}
.about2 .bod dl dd .tit .fl b{font-size:24px; color:#333; font-weight:normal;}
.about2 .bod dl dd .tit .fr{font-size:16px; color:#ff8400;}
.about2 .bod dl dd .text{margin-top:40px;}
.about2 .bod dl dd .text p{font-size:14px; color:#666; line-height:24px; margin-bottom:20px; font-family:"宋体";}

.about_box3bj{background:#eee; margin-top:50px;}
.about_box3bj .index_tit dt{color:#333;}
.about_box3bj .index_tit dd{color:#666;}

.show_case1{width:1280px; margin:32px auto;}
.show_case1 .fl{width:50%; background:#FFF; height:400px;}
.show_case1 .fl dl{padding:52px 46px;}
.show_case1 .fl dl dt{font-size:30px; color:#333; padding-bottom:16px; position:relative; margin-bottom:20px;}
.show_case1 .fl dl dt:after{content:""; position:absolute; bottom:0; left:0; width:32px; height:3px; background:#f78127;}
.show_case1 .fl dl dd{font-size:18px; color:#666; line-height:30px;}
.show_case1 .fr{width:50%; background:#f7892a; height:400px;}
.show_case1 .fr dl{padding:52px 46px; color:#FFF;}
.show_case1 .fr dl dt{font-size:30px; padding-bottom:16px; position:relative; margin-bottom:20px;}
.show_case1 .fr dl dt:after{content:""; position:absolute; bottom:0; left:0; width:32px; height:3px; background:#fff;}
.show_case1 .fr dl dd{font-size:18p; line-height:30px;}

.show_case2{width:1280px; margin:32px auto 32px; min-height:500px; background:#FFF; box-sizing:border-box; padding:20px; color:#333;}
.show_case2 .news_tit{text-align:center; font-size:20px; color:#333; padding-top:10px;}
.show_case2 .date{text-align:center; margin:15px 0; padding:0 0 15px; font-size:12px; color:#666; border-bottom:1px dotted #CCC;}
.show_case2 .bod{font-size:14px; color:#333; line-height:26px;}

/* 返回顶部 */
.gotop{position:fixed; bottom:100px; left:50%; margin-left:640px; display:none;}
.gotop a{display:block; width:50px; height:50px; box-sizing:border-box; border:1px solid #ccc;}
.gotop a img{width:100%; height:100%;}